// 使用 @forward 导出变量
@forward "sass:color";

// 使用 :root 定义 CSS 变量
:root {
  --primary-color: #409eff;
  --success-color: #67c23a;
  --warning-color: #e6a23c;
  --danger-color: #f56c6c;
  --info-color: #909399;

  --text-primary: #303133;
  --text-regular: #606266;
  --text-secondary: #909399;

  --border-color: #dcdfe6;
  --background-color: #f5f7fa;

  --header-height: 60px;
  --sidebar-width: 200px;
}

// SCSS 变量
$primary-color: var(--primary-color);
$success-color: var(--success-color);
$warning-color: var(--warning-color);
$danger-color: var(--danger-color);
$info-color: var(--info-color);

$text-primary: var(--text-primary);
$text-regular: var(--text-regular);
$text-secondary: var(--text-secondary);

$border-color: var(--border-color);
$background-color: var(--background-color);

$header-height: var(--header-height);
$sidebar-width: var(--sidebar-width);
